<template>
  <!-- 主页发现音乐--主播电台页面 -->
  <div class="dj">
    <div class="dj-wrap">
      <!-- 轮播图 -->
      <dj-swiper></dj-swiper>
      <!-- 下方内容区 -->
      <div class="dj-content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
// 主播电台轮播图组件
import djSwiper from '@/components/find-music-components/dj-radio/swiper'
export default {
    name:'dj-radio',
    components:{djSwiper},
}
</script>

<style scoped lang="scss"> 
  .dj{
    width: 100%;
    background-color: #f5f5f5;
    .dj-wrap{
      width: 982px;
      border-left: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      background-color: #fff;
      margin: 0 auto;
      // 内容区
      .dj-content{
        padding: 0 40px;
      }
    }
  }
</style>